<template>
	<view>
		<view class="uni-flex top">
			<view class="uni-column" style="margin-left: 35%;">
				<view class="text">
					<view class="uni-center total">20000.0000元</view>
					<view class="uni-center note">(总费用)</view>
				</view>
			</view>
			<view class="righttext" style="margin: 0 25upx 0 auto;">
				<view >
					<view>
						<view class="jijia" @click="topriceBasis()">计价依据</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="uni-form-item uni-row">
			<view class="title">纸张费用</view>
			<input class="uni-input" focus placeholder="0000.00(元)" />
		</view>
		<view class="uni-form-item uni-row">
			<view class="title">印刷费用</view>
			<input class="uni-input" focus placeholder="0000.00(元)" />
		</view>
		<view class="uni-form-item uni-row">
			<view class="title">刀版费用</view>
			<input class="uni-input" focus placeholder="0000.00(元)" />
		</view>
		<view class="uni-form-item uni-row">
			<view class="title">覆膜费用</view>
			<input class="uni-input" focus placeholder="0000.00(元)" />
		</view>
		<view class="uni-form-item uni-row">
			<view class="title">粘盒费用</view>
			<input class="uni-input" focus placeholder="免费粘盒" :disabled="true"/>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			topriceBasis() {
				uni.navigateTo({
					url: '../priceBasis/priceBasis',
				});
			}
		},
		onShow() {
			uni.setNavigationBarTitle({
				title: "计价明细",
			})
		},
		onNavigationBarButtonTap(e) {
			if(e.index == 0) {
				uni.navigateTo({
					url: '/pages/priceBasis/priceBasis'
				})
			}
		},
	}
</script>
<style lang="scss">
	.top {
		width: 100%;
		height: 198upx;
		background-color: #cc33ff;
		justify-content: center;
		display: flex;
		.text {
			color: #ffffff;
			.total {
				font-size: 40upx;
			}
			.note {
				font-size: 20upx;
			}
		}
	}
	.righttext {
		text-align: right;
		.jijia {
			text-decoration: none;
			color: #ffffff;
		}
	}
	.uni-form-item {
		border-bottom: 1upx solid #d9d9d9;
		.uni-input {
			text-align: right;
		}
	}

</style>
